<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>F.Studio by FPT</title>

    <link href="images/favicon.ico" rel="shortcut icon">

    <link href="css/normalize.css" rel="stylesheet" type="text/css">
    <link href="css/reset.css" rel="stylesheet" type="text/css">
    <link href="css/nivo-slider.css" rel="stylesheet" type="text/css">
    <link href="css/jquery.fancybox.css" rel="stylesheet" type="text/css">
    <!--CSS-->
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <!--JS-->
    <script src="plugins/jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="js/account.js" type="text/javascript"></script>
</head>
<body>

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.0";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <header class="itq-header">
        <section class="itq-wrapper">
            <figure>
                <a href="index.html"><img src="images/logo.png" alt=""></a>
            </figure>
            <form action="#" method="post">
                <select class="greyBox" name="">
                    <option>Tất cả</option>
                    <option>Mac</option>
                    <option>iPad</option>
                    <option>iPhone</option>
                    <option>iPod</option>
                    <option>Phụ kiện</option>
                    <option>Chương trình khách hàng thân thiết</option>
                </select>
                <input class="txt greyBox" type="text" name="" placeholder="Tìm kiếm">
                <input class="btn" type="submit" name="" value="Tìm kiếm">
            </form>
            <section class="seller"></section><!--end .seller-->
        </section><!--end .itq-wrapper-->
    </header><!--end .itq-header-->
    <nav class="itq-nav">
        <section class="itq-wrapper">
            <ul>
                <li><a href="index.html">Trang chủ</a></li>
                <li><a href="mac.html">Mac</a></li>
                <li><a href="iphone.html">iPhone</a></li>
                <li><a href="ipad.html">iPad</a></li>
                <li><a href="ipod.html">iPod</a></li>
                <li><a href="phukien.html">Phụ kiện</a></li>
                <li><a href="tintuc.html">Khuyến mại</a></li>
                <li><a href="tintuc.html">Tin tức</a></li>
                <li><a href="tintuc.html">Khách hàng thân thiết</a></li>
            </ul>
            <section class="itq-login">
                <span>Tài khoản</span>
                <form class="form-login" action="#" method="post">
                    <section class="form-grey">
                        <input class="closeBtn" type="button" value="">
                        <input class="txt-ac" type="text" placeholder="Số điện thoại/e-Mail">
                        <input class="txt-ac" value="pass" type="password" placeholder="Mật khẩu" onblur="if(this.value==''){this.value='pass'}" onfocus="if(this.value=='pass'){this.value='';}">
                        <div class="forgot-pass"><span><a href="#">Quên mật khẩu?</a></span></div>
                        <div class="remem-pass"><input type="checkbox"><label>Ghi nhớ thông tin đăng nhập</label></div>
                    </section>
                    <section class="form-btn">
                        <input class="blueBtn" type="submit" value="ĐĂNG NHẬP">
                        <input class="greyBtn" id="click" type="button" value="ĐĂNG KÝ">
                    </section>
                </form>
                <section id="register">
                    <header><h3>TÀI KHOẢN</h3></header>
                    <section class="register-info">
                        <h3>ĐĂNG KÝ</h3>
                        <form action="#" method="post">
                            <input class="txt-ac inline" type="text" placeholder="Họ và tên">
                            <input class="txt-ac inline" type="text" placeholder="Địa chỉ Email">
                            <input class="txt-ac inline" value="pass" type="password" placeholder="Mật khẩu" onblur="if(this.value==''){this.value='pass'}" onfocus="if(this.value=='pass'){this.value='';}">
                            <input class="blueBtn" type="submit" value="ĐĂNG KÝ">
                        </form>
                    </section><!--end .register-info-->
                    <section class="register-info">
                        <h3>ĐĂNG NHẬP</h3>
                        <form action="#" method="post">
                            <input class="txt-ac inline" type="text" placeholder="Địa chỉ Email">
                            <input class="txt-ac inline" value="pass" type="password" placeholder="Mật khẩu" onblur="if(this.value==''){this.value='pass'}" onfocus="if(this.value=='pass'){this.value='';}">
                            <input class="blueBtn" type="submit" value="ĐĂNG NHẬP">
                        </form>
                    </section><!--end .register-info-->
                </section>
            </section><!--end .itq-login-->
        </section>
    </nav>


    <section class="itq-showAreaBg">
        <section class="itq-wrapper clearfix">
            <ul class="clearfix">
                <li>
                    <figure>
                        <a href="#"><img src="uploads/menu-con/phu-kien/0021668_phu-kien-ipod.png" alt=""/></a>
                        <figcaption>Phụ Kiện Ipod</figcaption>
                    </figure>
                </li>
                <li>
                    <figure>
                        <a href="#"><img src="uploads/menu-con/phu-kien/0021117_phu-kien-mac.png" alt=""/></a>
                        <figcaption>Phụ Kiện Mac</figcaption>
                    </figure>
                </li>
                <li>
                    <figure>
                        <a href="#"><img src="uploads/menu-con/phu-kien/0021999_phu-kien-ipad.png" alt=""/></a>
                        <figcaption>Phụ Kiện iPad</figcaption>
                    </figure>
                </li>
                <li>
                    <figure>
                        <a href="#"><img src="uploads/menu-con/phu-kien/0021115_phu-kien-iphone.png" alt=""/></a>
                        <figcaption>Phụ Kiện iPhone</figcaption>
                    </figure>
                </li>
                <li>
                    <figure>
                        <a href="#"><img src="uploads/menu-con/phu-kien/0021468_phu-kien-khac.png" alt=""/></a>
                        <figcaption>Phụ kiện khác</figcaption>
                    </figure>
                </li>
            </ul>
        </section><!--end .itq-wrapper-->
        <section class="clear"></section>
    </section><!--end .itq-showAreaBg-->
    <section class="clear"></section>

    <section class="itq-master-wrapper">
        <section class="itq-wrapper">
            <form action="#" method="post">
                <section class="product-grid">
                        <header class="itq-greyBg">
                            <select>
                                <option>Sắp xếp theo...</option>
                                <option>Tên: A->Z</option>
                                <option>Tên: Z->A</option>
                                <option>Giá: Cao->Thấp</option>
                                <option>Giá: Thấp->Cao</option>
                            </select>
                        </header>
                        <section class="product clearfix">
                            <section class="item-box">
                                <figure class="picture">
                                    <a href="#"><img src="uploads/san-pham/phu-kien/0011178_dieu-khien-tu-xa-remote-mc377zma_125.jpeg" alt=""/></a>
                                </figure>
                                <section class="more-detail">
                                    <h3><a href="#">Điều khiển từ xa Remote MC377ZM/A</a></h3>
                                    <p>Giá niêm yết : <span class="redPrice">300,000</span> đ </p>
                                    <section class="group">
                                        <!--
                                        <section class="promotion group-info">
                                            <ul>
                                                <li>Giảm 200.000đ-> 300.000đ mua Combo PK</li>
                                                <li>Tặng lò xo bảo vệ dây sạc</li>
                                                <li>Tặng voucher combo“Office 365 + ebook Alezaa & Greelane” trị giá 1.500.000đ</li>
                                            </ul>
                                        </section><!--end .promotion->
                                        -->
                                        <section class="info-config group-info">
                                            <ul>
                                                <li>Remote điều khiển nhạc, video trên iPhone/iPod </li>
                                                <li>Thiết kế nhỏ gọn, đẹp mắt</li>
                                                <li>Tùy chỉnh âm lượng lớn/nhỏ, phát/dừng, tới bài nhạc, lùi bài nhạc</li>
                                                <li>Thay đổi pin dễ dàng</li>
                                                <li>Tương thích với tất cả các sản phẩm của Apple được giới thiệu từ 2005 trở đi và</li>
                                            </ul>
                                        </section><!--end .info-config-->
                                    </section>
                                    <section class="button clearfix">
                                        <input class="blueBtn buy_now" type="button" value="MUA NGAY">
                                        <input class="blueBtn" type="button" value="THÊM VÀO GIỎ">
                                        <input class="greyBtn" type="button" value="CHI TIẾT">
                                        <input class="greyBtn" type="button" value="YÊU THÍCH">
                                    </section><!--end .button-->
                                </section>
                            </section><!--end .item-box-->
                            <section class="item-box">
                                <figure class="picture">
                                    <a href="#"><img src="uploads/san-pham/phu-kien/0022864_vo-ipad-mini-smart-case-red-me711fea_125.jpeg" alt=""/></a>
                                </figure>
                                <section class="more-detail">
                                    <h3><a href="#">Vỏ iPad Mini Smart Case Red ME711FE/A</a></h3>
                                    <p>Giá niêm yết : <span class="redPrice">1,890,000</span> đ </p>
                                    <section class="group">
                                        <!--
                                        <section class="promotion group-info">
                                            <ul>
                                                <li>Cơ hội trúng PMH PK đến 500.000đ</li>
                                                <li>Tặng thiệp giáng sinh và lịch</li>
                                                <li>Tặng voucher combo“Office 365 + ebook Alezaa & Greelane” trị giá 1.500.000đ</li>
                                            </ul>
                                        </section><!--end .promotion->
                                        -->
                                        <section class="info-config group-info">
                                            <ul>
                                                <li>Thiết bị bảo vệ màn hình iPad, có thể giúp dựng thẳng iPad hoặc để iPad nằm nghiêng</li>
                                                <li>Máy có thể tự bật và tắt khi đóng/mở thiết bị bảo vệ màn hình</li>
                                                <li>Màu sắc: Vang</li>
                                                <li>Hàng chính hãng Apple, nhập khẩu nguyên seal từ Apple châu Á</li>
                                            </ul>
                                        </section><!--end .info-config-->
                                    </section>
                                    <section class="button clearfix">
                                        <input class="blueBtn buy_now" type="button" value="MUA NGAY">
                                        <input class="blueBtn" type="button" value="THÊM VÀO GIỎ">
                                        <input class="greyBtn" type="button" value="CHI TIẾT">
                                        <input class="greyBtn" type="button" value="YÊU THÍCH">
                                    </section><!--end .button-->
                                </section>
                            </section><!--end .item-box-->
                            <section class="item-box">
                                <figure class="picture">
                                    <a href="#"><img src="uploads/san-pham/phu-kien/0022933_sac-60w-magsafe-cho-mbmbp-13-mc461bb_125.jpeg" alt=""/></a>
                                </figure>
                                <section class="more-detail">
                                    <h3><a href="#">Sạc 60W Magsafe cho MB/MBP 13 MC461B/B</a></h3>
                                    <p>Giá niêm yết : <span class="redPrice">2,490,000</span> đ </p>
                                    <section class="group">
                                        <!--
                                        <section class="promotion group-info">
                                            <ul>
                                                <li>Cơ hội trúng PMH PK đến 500.000đ</li>
                                                <li>Tặng thiệp giáng sinh và lịch</li>
                                                <li>Tặng voucher combo“Office 365 + ebook Alezaa & Greelane” trị giá 1.500.000đ</li>
                                            </ul>
                                        </section><!--end .promotion->
                                        -->
                                        <section class="info-config group-info">
                                            <ul>
                                                <li>Củ sạc dành cho máy tính Macbook sử dụng cổng sạc Magsafe 1</li>
                                                <li>Màu sắc: trắng</li>
                                                <li>Hàng chính hãng Apple, nhập khẩu nguyên seal từ Apple châu Á</li>
                                            </ul>
                                        </section><!--end .info-config-->
                                    </section>
                                    <section class="button clearfix">
                                        <input class="blueBtn buy_now" type="button" value="MUA NGAY">
                                        <input class="blueBtn" type="button" value="THÊM VÀO GIỎ">
                                        <input class="greyBtn" type="button" value="CHI TIẾT">
                                        <input class="greyBtn" type="button" value="YÊU THÍCH">
                                    </section><!--end .button-->
                                </section>
                            </section><!--end .item-box-->
                            <section class="item-box">
                                <figure class="picture">
                                    <a href="#"><img src="uploads/san-pham/phu-kien/0022949_tai-nghe-co-mic-skullcandy-titan-s2ttdy_125.jpeg" alt=""/></a>
                                </figure>
                                <section class="more-detail">
                                    <h3><a href="#">Tai nghe có mic Skullcandy Titan - S2TTDY</a></h3>
                                    <p>Giá niêm yết : <span class="redPrice">800,000</span> đ </p>
                                    <section class="group">
                                        <!--
                                        <section class="promotion group-info">
                                            <ul>
                                                <li>Cơ hội trúng PMH PK đến 500.000đ</li>
                                                <li>Tặng thiệp giáng sinh và lịch</li>
                                            </ul>
                                        </section><!--end .promotion->
                                        -->
                                        <section class="info-config group-info">
                                            <ul>
                                                <li>Với thiết kế bằng hợp kim Metal Alloy Housing cao cấp, và kiểu dáng hình đầu đạn cực ngầu. Tai nghe Skullcandy Titan sẽ là sự lựa chọn hoàn hảo cho các tín đồ âm nhạc</li>
                                                <li>Kiểu dây tròn chắn chắn được tính hợp Mic1 để có thể đàm thoại hầu hết các Smart Phone</li>
                                                <li>Đi kèm theo tai nghe là 2 bộ nhét tai thay thế và một hộp đựng tai nghe Carry Case được làm bằng kim loại cao cấp</li>
                                                <li>Được đánh giá là tai nghe có chất lượng âm thanh tốt nhất khi bạn phải bỏ mức chi phí sở hữu thấp nhất. Dãy âm cân bằng, bass sâu và ấm, phù hợp cho mọi dòng nhạc</li>
                                            </ul>
                                        </section><!--end .info-config-->
                                    </section>
                                    <section class="button clearfix">
                                        <input class="blueBtn buy_now" type="button" value="MUA NGAY">
                                        <input class="blueBtn" type="button" value="THÊM VÀO GIỎ">
                                        <input class="greyBtn" type="button" value="CHI TIẾT">
                                        <input class="greyBtn" type="button" value="YÊU THÍCH">
                                    </section><!--end .button-->
                                </section>
                            </section><!--end .item-box-->
                            <section class="item-box">
                                <figure class="picture">
                                    <a href="#"><img src="uploads/san-pham/phu-kien/0011172_ban-phim-wireless-keyboard-mc184llb_125.jpeg" alt=""/></a>
                                </figure>
                                <section class="more-detail">
                                    <h3><a href="#">Bàn phím Wireless Keyboard MC184LL/B</a></h3>
                                    <p>Giá niêm yết : <span class="redPrice">2,050,000</span> đ </p>
                                    <section class="group">
                                        <!--
                                        <section class="promotion group-info">
                                            <ul>
                                                <li>Cơ hội trúng PMH PK đến 500.000đ</li>
                                                <li>Tặng thiệp giáng sinh và lịch</li>
                                                <li>Tặng voucher combo“Office 365 + ebook Alezaa & Greelane” trị giá 1.500.000đ</li>
                                            </ul>
                                        </section><!--end .promotion->
                                        -->
                                        <section class="info-config group-info">
                                            <ul>
                                                <li>Kết nối không dây</li>
                                                <li>Thiết kế nhỏ gọn và đẳng cấp</li>
                                                <li>Sử dụng 2 pin AA, chế độ tiết kiệm năng lượng</li>
                                                <li>Kết nối tốt với Mac và iPad</li>
                                            </ul>
                                        </section><!--end .info-config-->
                                    </section>
                                    <section class="button clearfix">
                                        <input class="blueBtn buy_now" type="button" value="MUA NGAY">
                                        <input class="blueBtn" type="button" value="THÊM VÀO GIỎ">
                                        <input class="greyBtn" type="button" value="CHI TIẾT">
                                        <input class="greyBtn" type="button" value="YÊU THÍCH">
                                    </section><!--end .button-->
                                </section>
                            </section><!--end .item-box-->
                        </section><!--end .product-->
                        <footer class="itq-greyBg clearfix">
                            <input class="blueBtn" type="button" value="XEM THÊM"/>
                        </footer>
                </section>
            </form>
            <section id="confirm">
                <header><h3>XÁC NHẬN MUA HÀNG</h3></header>
                <section style="width: 100%; display: inline-block; padding: 20px; background-color: #ffffff">
                    <form action="#" method="post">
                        <section class="purchase" style="float: left; width: 49%;">
                            <h3>Thông tin đặt hàng</h3>
                            <table>
                                <tr><td><input type="text" class="formBox" placeholder="Họ và tên" style="width: 300px;"/></td></tr>
                                <tr><td><input type="text" class="formBox" placeholder="Email" style="width: 300px;"/></td></tr>
                                <tr><td><input type="text" class="formBox" placeholder="Địa chỉ" style="width: 300px;"/></td></tr>
                                <tr><td><input type="text" class="formBox" placeholder="Số điện thoại" style="width: 300px;"/></td></tr>
                                <tr><td>
                                    <select class="formBoxSelect" style="width: 135px;">
                                        <option>Hà Nội</option>
                                        <option>TP. Hồ Chí Minh</option>
                                    </select>
                                    <select class="formBoxSelect" style="width: 179px;">
                                        <option>Quận Hoàn Kiếm</option>
                                        <option>Quận Ba Đình</option>
                                        <option>Quận Hai Bà Trưng</option>
                                    </select>
                                </td></tr>
                            </table>
                        </section><!--end .purchase-->
                        <section class="purchase" style="float: right; width: 49%;">
                            <h3>Sản phẩm</h3>
                            <section class="pTable">
                                <table width="100%">
                                    <tr>
                                        <td><img src="uploads/san-pham/mac/0022763_macbook-air-133inches-md760zpb-2014_125.jpg" alt=""/></td>
                                        <td>
                                            <b>Macbook Air 11 inch MD711ZP/B(2014) (Bạc)</b><br/>
                                            <div class="bluePrice">
                                                <ul class="discoption" style="margin: 5px 0px; font-size: 13px;">
                                                    <li>Cơ hội trúng voucher PK đến 500.000-vé xem phim-thẻ ATM</li>
                                                    <li>Tặng bao lì xì F.Studio</li>
                                                </ul>
                                            </div>
                                            Giá bán:<span style="color: #367fc0; font-weight: bold;"> 22,490,000 </span><smail>(Đã bao gồm thuế VAT)</smail>
                                        </td>
                                    </tr>
                                </table>
                                <div>
                                    <table width="100%">
                                        <tr>
                                            <td style="border-top: none;">
                                                <input type="text" class="formBox" placeholder="Mã giảm giá"/>
                                                <input type="button" class="blueBtn" value="SỬ DỤNG"/>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </section>
                        </section><!--end .purchase-->
                        <section class="clear"></section>
                        <section class="contact_you">
                            <p style="width: 67%; float: left;">
                                <b>Chúng tôi sẽ liên hệ với bạn trong vòng 4 tiếng.</b><br>
                                Trong trường hợp cần được hỗ trợ xin vui lòng gọi theo số máy<b style="font-size: 15px; font-weight: bold; color: #367fc0; margin-left:3px;"> 19006606 </b> <i>(từ 8h-22h)</i><br>
                                Hoặc click vào <a href="javascript:showSupport()" style="color:#367fc0;font-weight:bold; margin: 0px 3px;;">Đây</a> để được hỗ trợ ngay lập tức. Xin cám ơn!
                            </p>
                            <input type="submit" class="greyBtn" value="TIẾP TỤC MUA SẮM" style="width: initial; margin-top: 35px;"/>
                            <input type="submit" class="blueBtn" value="ĐẶT HÀNG" style="margin-top: 35px;"/>
                        </section><!--end .contact_you-->
                    </form>
                </section>
            </section><!--end #confirm-->
        </section>
    </section><!--end .itq-master-wrapper-->


    <section class="clear"></section>
    <section class="itq-greyBg">
        <section class="greyLine"></section><!--end .greyLine-->
        <section class="itq-wrapper">
            <section class="form-email">
                <form action="#" method="post">
                    <label>Đăng ký nhận tin khuyến mãi</label>
                    <input class="name" type="text" placeholder="Bạn tên gì?">
                    <input class="email" type="text" placeholder="Email của bạn..">
                    <input class="btn-xn" type="submit" value="XÁC NHẬN">
                </form>
            </section><!--end .form-email-->
            <section class="phone">
                <ul>
                    <li>
                        <p>Giao hàng miễn phí</p>
                        <span>1900 6606</span>
                    </li>
                    <li>
                        <p>Chăm sóc khách hàng</p>
                        <span>1900 6616</span>
                    </li>
                </ul>
            </section>
        </section>
        <section class="greyLine"></section><!--end .greyLine-->
    </section><!--end .itq-greyBg-->
    <footer class="itq-footer itq-greyBg">
        <section class="itq-wrapper">
            <section class="left">
                <section class="info">
                    <h3>Thông tin F.Studio</h3>
                    <ul>
                        <li><a href="#">Giới thiệu</a></li>
                        <li><a href="#">Tuyển dụng</a></li>
                        <li><a href="#">Hệ thống cửa hàng</a></li>
                        <li><a href="#">Liên Hệ</a></li>
                        <li><a href="#">Trợ giúp / Hỏi đáp</a></li>
                    </ul>
                </section>
                <section class="info">
                    <h3>Dịch vụ & Hỗ trợ</h3>
                    <ul>
                        <li><a href="#">Hướng dẫn mua hàng</a></li>
                        <li><a href="#">Hướng dẫn thanh toán</a></li>
                        <li><a href="#">Chính sách đổi sản phẩm</a></li>
                        <li><a href="#">Chính sách bảo hành</a></li>
                        <li><a href="#">Câu hỏi thường gặp</a></li>
                        <li><a href="#">Chính sách bảo mật</a></li>
                    </ul>
                </section>
            </section><!--end .left-->
            <section class="right">
                <section class="social">
                    <h3>Kết nối với F.Studio</h3>
                    <ul>
                        <li><a href="#"><img src="images/0020311_facebook.png" alt=""></a></li>
                        <li><a href="#"><img src="images/0020313_youtube.png" alt=""></a></li>
                    </ul>
                </section><!--end .social-->
                <section class="facebook">
                    <!--
                    <header><h3>Tìm chúng tôi trên Facebook</h3></header>
                    <section class="face-box"></section>
                    -->
                    <div class="fb-like-box" data-href="https://www.facebook.com/fstudiobyfpt.com.vn" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
                </section><!--end .facebook-->
            </section><!--end .right-->
        </section><!--end .itq-wrapper-->
        <section class="greyLine"></section>
        <section class="clear"></section>
        <section class="itq-wrapper footer-bottom">
            <p>Apple, the Apple logo are trademark of Apple inc, registered in the US, and other countries</p>
            <p>Copyright @ 2010 Apple by FPT - FPT Digital Retail J.S.C... All rights reserved.</p>
        </section>
    </footer><!--end .itq-footer-->
    <script src="plugins/jquery.nivo.slider.js" type="text/javascript"></script>
    <script src="plugins/jquery.fancybox.pack.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider({
                effect: 'random',
                slices: 15,
                boxCols: 8,
                boxRows: 4,
                animSpeed: 500,
                pauseTime: 3000,
                startSlide: 0,
                directionNav: true,
                controlNav: true,
                controlNavThumbs: false,
                pauseOnHover: true,
                manualAdvance: false,
                prevText: '',
                nextText: '',
                randomStart: false,
                beforeChange: function(){},
                afterChange: function(){},
                slideshowEnd: function(){},
                lastSlide: function(){},
                afterLoad: function(){}
            });
        });
    </script>
</body>
</html>